.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
};
body{
	background-color:#eeeeee;
	
}
.header{
      position: fixed;
      left:0;
      top:0;
      width: 100%;
      z-index: 999;
	.px2rem(height,90);
	display: flex;
	justify-content: center;
	align-items: center;
	background-color:#f8f8f8;
	form{
    flex:1;
	text-align:center;	
	position: relative;  	
       	left:0;
       	top:0;
       input{
       	padding-left:10%;
       	width: 80%;	
       	.px2rem(height,50);
       	.px2rem(font-size,30);
       	.px2rem(border-radius,10);
       	background-color:#dbd9da;
       	border:none;
       	outline:none;

       }
       .is{
       	position: absolute;
       	left:8%;
       	top:18%;
       	.px2rem(font-size,30);
       	color:#999;
       }
	}
	span{
			.px2rem(font-size,40);
			color:#ffa313;
			padding:3%;
	}
}

nav{
	margin-top:12%;
	ul{
		display: flex;
		align-items: center;
		li{
          flex:1;
          text-align:center;
           	.px2rem(font-size,36);
           	padding:2% 0;
           color:#666666;
           i{
           	margin-right:3%;
           }

		}
		.aited{
			background-color:#fff;	color:#ffa313;
		}
	}
}
.swiper-slide{
	img{
		width: 100%;
	}
}
.swiper-pagination-bullet{
	.px2rem(width,20);
	.px2rem(height,20);
}
.swiper-pagination-bullet-active{
	background-color:#f5b230;
}

.pes{
		background-color:#fff;
		padding:2%;
		display: flex;
		align-items: center;
         h1{
         	 flex:1;
         		.px2rem(font-size,36);
         		i{
         			padding-right: 5%;
         			color:#ffa313;
         		}
         }
         span{
         	width: 10%;
         	.px2rem(font-size,36);
         	color:#999;
         }
	}
main{
	margin-bottom:13%;
	
	.dls{
		background-color:#fff;
		section{
			display: flex;
			margin:0 2%;padding-top:3%;
            border-bottom:1px solid #999;
			img{
				.px2rem(width,250);
	           .px2rem(height,250);
	             
			}
			div{ 
				flex:1;
				padding-left:3%;
				p:nth-child(1){
					.px2rem(font-size,40);
					margin-top:5%;
				}
               p:nth-child(2){
               	padding:2% 0;
               	display: flex;
               	align-items: center;
                  img{
                  	.px2rem(width,40);
	                .px2rem(height,40);
                    
                  }
                  span{
                  	.px2rem(width,200);
                  	padding-left:2%;
                  	.px2rem(font-size,26);
                  		color:#666;
                  }
                  i{
                  	.px2rem(font-size,30);
                  	padding-left:2%;
                  	color:#f5b230;
                  }
				}
				p:nth-child(3){
					.px2rem(font-size,34);
					line-height: 1.4;
					color:#666;
				}
				p:nth-child(4){
					padding:2% 0;
					padding-bottom:8%;
						.px2rem(font-size,36);
					i{
						color:#d3d3d3;
					}
					span{
						padding:0 3%;
                        color:#666;
					}
				}
			}
		}
	}
	.uls{
	margin-top:2%;
	padding-bottom:3%;
	background-color:#fff;
	.lis{
		padding:2%;
		section{
           display: flex;
           padding:3% 0;
          border-bottom:1px solid #999;
           img{
           	.px2rem(width,200);
	         .px2rem(height,200);
           }
           div{
           	flex:1;
           	padding-left:5%;
           	p:nth-child(1){
           		display: flex;
           		padding:2% 0;
           	 span:nth-child(1){
           	 	flex:1;
           	 	.px2rem(font-size,40);

           	 }
              span:nth-child(2){
           	 	.px2rem(font-size,26);

           	 }	
           	}
           }
            	p:nth-child(2){
           		padding:3% 0;
           		color:#666;
           		.px2rem(font-size,32);
           	}
           }
		}
	}
}

.douyou{
	section:nth-child(1){
		margin:0;
	}
	section{
		display: flex;
		background-color:#fff;
		margin-top:2%;
		img{
			.px2rem(width,150);
	         .px2rem(height,150);
	         padding:5%;
		}
		div{
			flex:1;
			p{
				padding:2% 0;
			}
			p:nth-child(1){
				padding-top:8%;
				display: flex;
				span:nth-child(1){
					flex:0.9;
					.px2rem(font-size,36);
					i{
						color:#ffa313;
					}
				}
				span:nth-child(2){
					.px2rem(width,100);
	                .px2rem(height,40);
					border:1px solid #000;
					.px2rem(border-radius,15);
					.px2rem(font-size,26);
					margin-right:3%;
					text-align:center;
					line-height: 1.5;
					color:#ffa313;

				}
			}
			p:nth-child(2){
              .px2rem(font-size,30);
              color:#999;
			}
			p:nth-child(3){
              .px2rem(font-size,26);
              color:#999;
			}
		}
	}

}
.swiper-slide:nth-child(3){
	background-color:#fff;
}
.dongtai{
	width: 50%;
	height: 100vh;
	text-align:center;
	margin:50% auto 0;
	.px2rem(font-size,30);
	p{
		padding: 4% 0;
	}
	h1{
		.px2rem(width,130);
	    .px2rem(height,60);
	    line-height: 1.3;
	    text-align:center;
		background-color:#f5b230;
		.px2rem(font-size,36);
		color:#fff;
		.px2rem(border-radius,15);
		margin:10% auto 0;
	}

}
#sder{
	height:50vh;
}
footer{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color:#f3efeb;
	position: fixed;
	left:0;
	bottom:0;
	width: 100%;
	z-index: 999;
	a{  
		flex:1;
     padding:2% 0;
	figure{
  
    padding:2%;
    text-align:center;
    .fa{
     .px2rem(font-size,40);
    }
    figcaption{
   	 .px2rem(font-size,24);
   	 padding-top:6%;
    }
	}
	.footgure{
			color:#ffa313;
	}	
	}
	
}